<div style="height: 500px;overflow: auto;">
  <p-tabView>
    <p-tabPanel header="基本信息">
      <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
        <div class="row">
          <div class="form-group col-md-6">
            <label for="supplierUnit">申请单位： </label>
            <label>{{ workflow.applyUnit}}</label>
          </div>
          <div class="form-group col-md-6">
            <label for="supplierUnit">申请单编号： </label>
            <label>{{ workflow.code}}</label>
          </div>
        </div>
        <div class="row">
          <div class="form-group col-md-12">
            <label for="supplierUnit">供方单位： </label>
            <label>{{ workflow.supplierUnit}}</label>
          </div>
        </div>
        <div class="row">
          <div class="form-group col-md-12">
            <label for="flowExplain">外协原因：</label>
            <label>{{ workflow.explain}}</label>
          </div>
        </div>
      </div>
    </p-tabPanel>
    <p-tabPanel header="外包项目供方">
      <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
        <div class="align-items-center">
          <!--<Primeng-TurboTable-Start>-->
          <div class="primeng-datatable-container">
            <p-table #dataTable [value]="datatablevalues" rows="{{rows}}" [paginator]="false" [lazy]="true"
            [scrollable]="true" ScrollWidth="100%">
              <ng-template pTemplate="header">
                <tr>
                  <th style="width: 100px" rowspan="2"> 序号</th>
                  <th style="width: 150px" rowspan="2">任务编号</th>
                  <th style="width: 150px" rowspan="2">产品图号 </th>
                  <th style="width: 150px" rowspan="2">产品名称</th>
                  <th style="width: 150px" rowspan="2">数量 </th>
                  <th style="width: 150px" rowspan="2">加工状态 </th>
                  <th [ngStyle]="{'width':canvasWidth+'px'}"  [ngClass]="{'badCurly':true}" [attr.colspan]="suppliers.length">厂家报价 </th>
                  <th style="width: 250px" rowspan="2">选定厂家 </th>
                  <th style="width: 150px" rowspan="2">选定原因 </th>
                  <th style="width: 150px" rowspan="2">备注 </th>
                </tr>
                <tr>
                  <th *ngFor="let item of suppliers" style="width: 150px">
                    {{item}}
                  </th>
                </tr>
              </ng-template>
              <ng-template pTemplate="body" let-record let-ri='rowIndex'>
                <tr [pEditableRow]='record'>
                  <td style="width: 100px">
                    {{ri+1}}
                  </td>
                  <td style="width: 150px">
                    <span class="m--font-boldest"> {{record.taskCode}}</span>
                  </td>
                  <td style="width: 150px">
                    <span class="m--font-boldest"> {{record.picNo}}</span>
                  </td>
                  <td style="width: 150px">
                    <span class="m--font-boldest"> {{record.taskName}}</span>
                  </td>
                  <td style="width: 150px">
                    <span class="m--font-boldest"> {{record.outsourcingAmount}}</span>
                  </td>
                  <td style="width: 150px">
                    <span class="m--font-boldest"> {{record.workStatus}}</span>
                  </td>
                  <td *ngFor="let item of suppliers; let i =index" style="width: 230px">
                    {{getSupplierQuotation(item,ri)}}
                  </td>
                  <td style="width: 250px">
                    {{record.supplierName}}
                  </td>
                  <td style="width: 150px">
                    {{record.reason}}
                  </td>
                  <td style="width: 150px">
                    <span class="m--font-boldest"> {{record.remark}}</span>
                  </td>
                </tr>
              </ng-template>
            </p-table>
            <div class="primeng-no-data" *ngIf="rows == 0">
              {{'NoData' | localize}}
            </div>
            <div class="primeng-paging-container" style="padding-top: 35px;">
              <span class="total-records-count">
                {{'TotalRecordsCount' | localize:rows}}
              </span>
            </div>
          </div>
          <!--<Primeng-TurboTable-End>-->
        </div>
      </div>

    </p-tabPanel>
    <p-tabPanel header="审批记录">
      <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
        <app-flowApprovalRecord workflowid="{{workflowid}}"></app-flowApprovalRecord>
      </div>
    </p-tabPanel>
  </p-tabView>
</div>
<div class="row" style="display: -webkit-box;
margin-top: 10px;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;">
<button [disabled]="saving" type="button" class="btn btn-primary2" (click)="audityes()">
    <i class="fa fa-save"></i> 同意
</button>
<button type="button" (click)="auditno()" class="btn btn-danger" [buttonBusy]="saving">
  <span>不同意</span>
</button>
</div>
